<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets"

>
<f:view locale="#{LangBean.currentLocale}"></f:view>
<ui:composition template="/template_default.xhtml">	
<ui:define name="main">
                 <h:form prependId="false">
                    <p:commandButton value="#{lang.novocliente}" actionListener="#{ClienteBean.criarCliente}" update="infosCliente" oncomplete="dialogCliente.show()"/>
                </h:form>
		<h:form prependId="false">
		<p:dataTable id="gridCliente" var="cli" value="#{ClienteBean.clientes}" paginator="true" rows="5">
			<p:column>
				<f:facet name="header">
					<h:outputText value="ID"/>
				</f:facet>
				<h:outputText value="#{cli.id}"/>
			</p:column>
			<p:column>
				<f:facet name="header">
					<h:outputText value="#{lang.nome}"/>
				</f:facet>
				<h:outputText value="#{cli.nome}"/>
			</p:column>
			<p:column>
				<f:facet name="header">
					<h:outputText value="#{lang.fixo}"/>
				</f:facet>
				<h:outputText value="#{cli.fixo}"/>
			</p:column>
			<p:column>
				<f:facet name="header">
					<h:outputText value="#{lang.celular}"/>
				</f:facet>
				<h:outputText value="#{cli.celular}"/>
			</p:column>
			<p:column>
				<f:facet name="header">
					<h:outputText value="#{lang.opcoes}"/>
				</f:facet>
						<p:commandButton value="#{lang.alterar}" actionListener="#{ClienteBean.carregaCliente}" update="infosCliente" oncomplete="dialogCliente.show()"/>
			</p:column>
		</p:dataTable>
		</h:form>
		
</ui:define>

<ui:define name="dialogs">

		<!-- DIALOG CLIENTE -->

<p:dialog header="#{lang.cad_clientes}" widgetVar="dialogCliente"  resizable="false" modal="true" showEffect="explode" hideEffect="explode" width="700">
            <h:form prependId="false">
                <h:panelGrid id="infosCliente" columns="2" style="margin-bottom:10px">
 
                    <h:outputText value="#{lang.nome}:" />
                    <p:inputText id="nome" value="#{ClienteBean.cliente.nome}" size="50"/>
 
                    <h:outputText value="#{lang.apelido}:" />
                    <p:inputText id="apelido" value="#{ClienteBean.cliente.apelido}"/>
 
                    <h:outputText value="#{lang.email}:" />
                    <p:inputText id="email" value="#{ClienteBean.cliente.email}"/>

                    <h:outputText value="#{lang.fixo}:" />
                    <p:inputMask id="fixo" value="#{ClienteBean.cliente.fixo}" mask="(99) 9999-9999"/>

                    <h:outputText value="#{lang.celular}:" />
                    <p:inputMask id="celular" value="#{ClienteBean.cliente.celular}" mask="(99) 9999-9999"/>
 
                    <h:outputLabel for="cpf" value="#{lang.cpf}:" />
                    <p:inputMask id="cpf" mask="99999999999" value="#{ClienteBean.cliente.cpfcnpj}" validator="validadores.Cpf"/>

                    <h:outputText value="#{lang.endereco}:" />
                    <p:inputText id="endereco" value="#{ClienteBean.cliente.endereco}" size="40"/>

                    <h:outputText value="#{lang.complemento}:" />
                    <p:inputText id="complemento" value="#{ClienteBean.cliente.complemento}" size="20"/>

                    <h:outputText value="#{lang.bairro}:" />
                    <p:inputText id="bairro" value="#{ClienteBean.cliente.bairro}" size="15" />

                    <h:outputText value="#{lang.cidade}:" />
                    <p:inputText id="cidade" value="#{ClienteBean.cliente.cidade}" size="15"/>

                    <h:outputText value="#{lang.uf}:" />
                    <p:inputText id="uf" value="#{ClienteBean.cliente.uf}" size="1"/>

                    <h:outputText value="#{lang.cep}:" />
                    <p:inputMask id="cep" value="#{ClienteBean.cliente.cep}" mask="99999999" size="10" />
 					
 					<p:commandButton update="growl,gridCliente" oncomplete="dialogCliente.hide();" actionListener="#{ClienteBean.salvar}" value="#{lang.inserir}"/>
                    <p:commandButton update="growl,gridCliente" oncomplete="dialogCliente.hide();" actionListener="#{ClienteBean.alterarCliente}" value="#{lang.alterar}"  />
                </h:panelGrid>
            </h:form>
        </p:dialog>

</ui:define>


</ui:composition>
</html>